$(document).ready(function() {
			//设置很多JSON变量：
			var JSON0 = {"width":135,"height":168,"left":-124,"top":200,"opacity": 0};
			var JSON1 = {"width":151,"height":270,"left":65,"top":130,"opacity": 1};
			var JSON2 = {"width":190,"height":335,"left":288,"top":84,"opacity": 1};
			var JSON3 = {"width":151,"height":270,"left":550,"top":130,"opacity": 1};
			var JSON4 = {"width":135,"height":168,"left":753,"top":200,"opacity": 0};
			
			var nowimg = 2;
			var speed = 800;

			var $imagesLis = $(".big-app ul.imagesList li");
			
			//数组
			var arr = [];	//空数组
			//用each语句，组合数组
			$(".big-app ul li").each(function(){
				//遍历每个li标签，把你遍历到的这个li标签的class，加入数组：
				arr.push($(this).attr("class"));
			});

			//右按钮，要判定当前图片是否在运动。防流氓：
			$(".rightBtn-app").click(function(){
				if(!$imagesLis.is(":animated")){
					rightBtnFunc();
				}
			});
			
			function rightBtnFunc(){
				//信号量
				nowimg++;
				if(nowimg > $imagesLis.length - 1){
					nowimg = 0;
				}
				

				//先改变样式 
				$(".n1").animate(JSON0,speed);
				$(".n2").animate(JSON1,speed);
				$(".n3").animate(JSON2,speed);
				$(".n4").animate(JSON3,speed);
				$(".n0").css(JSON4);

				//改变元素的类名：
				//删除数组的最后一项
				var lastOne = arr.pop();
				//加入到第一项
				arr.unshift(lastOne);

				//调用函数
				setClassName();
			}
			

			$(".leftBtn-app").click(function(){
				if(!$imagesLis.is(":animated")){
				 	leftBtnFunc();
				}
			});

			function leftBtnFunc(){
				//信号量
				nowimg--;
				if(nowimg < 0){
					nowimg = $imagesLis.length - 1;
				}
				
				//先改变样式 
				$(".n0").animate(JSON1,speed);
				$(".n1").animate(JSON2,speed);
				$(".n2").animate(JSON3,speed);
				$(".n3").animate(JSON4,speed);
				$(".n4").css(JSON0);

				//改变元素的类名：
				//删除数组的第一项
				var firstOne = arr.shift();
				//加入最后
				arr.push(firstOne);
			 	//调用函数
			 	setClassName();
			}

			//这个函数的作用：将每个li设置新的类名，就是数组中的对应项。
			function setClassName(){
				//将第x个li，赋予新的class为数组第x项。
				//效率高。
				for(var i = 0 ; i < $(".big-app ul li").length ; i++){
					$(".big-app ul li").eq(i).attr("class",arr[i]);
				}
				//防止bug，让0、6永远在自己的位置就位：
				$(".no0").css(JSON0);
				$(".no4").css(JSON4);
			}
			
			var timer = setInterval(rightBtnFunc,2000);

			$(".big-app").mouseenter(function(){
				clearInterval(timer);
			});
			$(".big-app").mouseleave(function(){
				clearInterval(timer);
				timer = setInterval(rightBtnFunc,2000);
			});
			
			$('.closed').click(function(){
				$('.big-app').hide(500);
			})
		});